<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script src="./lib/zepto/zepto.min.js"></script>

    <script src="./lib/artTemplate/template-web.js"></script>

    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/product.css">

    <script src="./js/common.js"></script>
    <script src="./js/product.js"></script>
</head>
<body>
    <div class="warp">
        <div class="top">
            <a href="#"><img class="logo" src="./images/sgimg/TB2cMR0aQUmBKNjSZFOXXab2XXa_!!690311.png" alt=""></a>
            <a href="#"><img class="download" src="./images/sgimg/TB2beKvaTXYBeNkHFrdXXciuVXa_!!690311.png" alt=""></a>
        </div>
        <div class="search">
            <div class="box">
                <input type="text" placeholder="请输入你想比价的商品">
                <button>搜索</button>
            </div>
        </div>
        <div class="nav">
            <div class="maobiao">
                <a href="./index.html">首页 </a>
                <span>></span>
                <a class="typetitle">电视 </a>
                <span>></span>
                <a class="producttitle">乐视</a>
            </div>
          
        </div>

        <!-- 商品简介 -->
        <div class="product">
            
        </div>        
        <script type="text/html" id="productTem">
            {{each result}}
            <div class="imgbox">
                <!-- <img class="zhu" src="./images/sgimg/Thumb_2017010014590862260 (1).jpg" alt="">
                 -->
                 {{#$value.productImg}}
                <img class="cate" src="./images/sgimg/sc.jpg" alt="">
            </div>
            <p class="title mui-ellipsis-2">{{$value.productName}}</p>
            {{/each}}
        </script>

        <!-- 商品价格 -->
        <div class="price">
            <ul>
                <li class="acitve">
                    <a>比价购买</a>
                    <img class="activeimg active" src="./images/sgimg/tab_ar.png" alt="">
                </li>
                <li>
                    <a>产品参数</a>
                    <img class="activeimg" src="./images/sgimg/tab_ar.png" alt="">
                </li>
                <li>
                    <a>优选评价</a>
                    <img class="activeimg" src="./images/sgimg/tab_ar.png" alt="">
                </li>
            </ul>
            <div class="where">
                <div class="content"></div>
                <script type="text/html" id="contentTem">
                    {{each result}}
                        {{#$value.bjShop}}
                    {{/each}}
                </script>
                <p class="note"> * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</p>
            </div>
            <div class="canshu">
                <img src="./images/sgimg/wei1.png" alt="">
            </div>
            <div class="pingjia">
                <img src="./images/sgimg/wei2.png" alt="">
            </div>
        </div>

        <!-- 留言 -->
        <div class="productcom">
            <div class="pctop">
                    优选网友评价
            </div>
            <ul>
                
                <script type="text/html" id="comTem">
                    {{each result}}
                    <li>
                        <div class="clearfix">
                            <span class="user mui-pull-left">{{$value.comName}}</span>
                            <span class="time mui-pull-right">{{$value.comTime}}</span>
                        </div>
                        <div class="clearfix"><span class="form mui-pull-right">{{$value.comFrom}}</span></div>
                        <section class="clearfix">
                                {{$value.comContent}}             
                        </section>
                        <div class="huifu">回复</div>
                    </li>
                    {{/each}}
                </script>
            </ul>
            <div class="morebox">
                <button class="more">查看更多评价</button>
            </div>
        </div>



        <div class="footer">
            <div class="loginbox">
                <a class="login" href="./login.html">登录</a>
                <a class="regist" href="./regist.html">注册</a>
                <a class="gototop"><span class="topimg"></span> 返回顶部</a>
            </div>
            <div class="copyright">
                <p><a class="download" href="#">手机APP下载</a>慢慢买手机版 -- 掌上比价平台</p>
                <p class="site"><a href="#">m.manmanbuy.com</a></p>
            </div>
        </div>
    </div>
</body>
</html>